<template>
    <div class="fillcontain">
        <head-top></head-top>
        <el-row style="height: calc(100% - 60px)">
            <el-col :span="2" style="height: 100%;background-color: #eef1f6">
                <el-menu
                    default-active="info"
                    class="el-menu-vertical-demo" router>
<!--                    @open="handleOpen"
                    @close="handleClose"
                >-->

                    <el-menu-item index="info">
                        <i class="el-icon-menu"></i>
                        <span slot="title">项目信息</span>
                    </el-menu-item>
                    <el-menu-item index="gis" disabled>
                        <i class="el-icon-document"></i>
                        <span slot="title">GIS工程图</span>
                    </el-menu-item>
                    <el-menu-item index="other">
                        <i class="el-icon-setting"></i>
                        <span slot="title">其他</span>
                    </el-menu-item>
                </el-menu>
            </el-col>
            <el-col :span="22" style="height: 100%">
                <router-view></router-view>
            </el-col>
        </el-row>




<!--        <header class="admin_title">管理员信息</header>
        <div class="admin_set">
            <ul>
                <li>
                    <span>姓名：</span><span>{{adminInfo.user_name}}</span>
                </li>
                <li>
                    <span>注册时间：</span><span>{{adminInfo.create_time}}</span>
                </li>
                <li>
                    <span>管理员权限：</span><span>{{adminInfo.admin}}</span>
                </li>
                <li>
                    <span>管理员 ID：</span><span>{{adminInfo.id}}</span>
                </li>

            </ul>
        </div>-->
    </div>
</template>

<script>
    import headTop from '../components/headTop'
    import {mapState} from 'vuex'
    import {baseUrl, baseImgPath} from '@/config/env'

    export default {
        data(){
            return {
                baseUrl,
                baseImgPath,
            }
        },
        mounted(){
            alert(this.$route.params.id);

        },
        components: {
            headTop,
        },
        computed: {
            ...mapState(['adminInfo']),
        },
        methods: {
/*            uploadImg(res, file) {
                if (res.status == 1) {
                    this.adminInfo.avatar = res.image_path;
                }else{
                    this.$message.error('上传图片失败！');
                }
            },
            beforeImgUpload(file) {
                const isRightType = (file.type === 'image/jpeg') || (file.type === 'image/png');
                const isLt2M = file.size / 1024 / 1024 < 2;

                if (!isRightType) {
                    this.$message.error('上传头像图片只能是 JPG 格式!');
                }
                if (!isLt2M) {
                    this.$message.error('上传头像图片大小不能超过 2MB!');
                }
                return isRightType && isLt2M;
            },*/
            goback() {
                console.log('go back');
                this.$router.push("userList");
            }
        },
    }
</script>

<style lang="less" >
    @import '../style/mixin';
    .text {
        font-size: 14px;
    }

    .item {
        margin-bottom: 18px;
    }

    .clearfix:before,
    .clearfix:after {
        display: table;
        content: "";
    }
    .clearfix:after {
        clear: both
    }
    #project-card  .el-card__header{
        background: #EFF2F7;
    }

    .box-card {
        margin: 30px;
        //height: ;
    }
</style>
